#bodyer {color: #9d9ea1;background: url("../img/match-bg.jpg") no-repeat center top #1e2124;  }
.color-gold{color: #ee4e10;}
.container{color: #afb0b2;margin-bottom: 20px;}
a:hover{text-decoration: none;}
.index-banner{overflow: hidden;margin-top: 20px;}
.recent-fixtures{width: 310px;height: 350px}
.recent-fixtures-head.index-nav-head{font-size: 12px;height: 40px;background: #22252a;line-height: 40px;}
.recent-fixtures-head.index-nav-head:before{top: 15px;}
.recent-fixtures-list{width: 100%;background: #34393f;padding: 0 12px 0 15px;height:312px;}
.recent-fixtures-details{height: 52px;line-height: 52px;border-bottom: 1px dashed #3b4149;width: 100%;color: #afb0b2;overflow: hidden;}
.league-name{width: 60px;padding-right: 5px;display: inline-block;font-weight: 600;float:left;}
.league-time-date{width: 75px;padding-right: 5px;display: inline-block;color: #7b7e84;float:left;}
.right-recent-fixtures{width: 217px;}
.recent-fixtures-details img{border-radius: 3px;}
.league-time-hour{width: 45px;display: inline-block;color: #7b7e84;}
.league-spinach{width: 33px;text-align:center;display: inline-block;}
.hot-league{margin-top: 20px;}
.index-nav-head{width: 100%;height: 50px;background: #22252a;position: relative;line-height: 50px;padding-left:40px;font-size: 12px;}
.index-nav-head:before{content: "";position: absolute;left: 20px;top: 20px;background: url("../img/quiz/jc-icon.png") no-repeat center;background-position: 0 -203px;width: 10px;height: 10px;}
.f-14{font-size: 14px;}
.hot-league-details{width: 100%;padding: 20px;background: #34393f;overflow: hidden;}
.league-details-mess{width: 250px;height: 190px;background: #454954;border-radius: 6px;}
.league-details-mess img{border-top-left-radius: 6px;border-top-right-radius: 6px;}
.hot-league-pic:first-child{margin-left: 0;}
.league-details-name{color: #fff;padding-left: 12px;font-size: 14px;margin-top: 6px;}
.league-back-name{font-size: 14px;color: #fff;font-weight: bold;}
.league-back-details{color: #7b7e84;margin-top: 8px;height: 55px;overflow: hidden;}
.league-details-time{color: #d2d2d2;margin-top: 8px;}
.league-bonus{padding-left: 12px;color: #EEC010;font-size: 14px;line-height: 16px;margin-top: 5px;height: 16px;overflow: hidden;}
.league-bonus i{display: block;float:left;background: url("../img/index/vp-index-icon.png");width: 16px;height: 16px;margin-right: 5px;background-position: 0 -40px;}
.league-back-top{height: 132px;width: 100%;padding: 15px 12px;}
.league-back-bottom{background: #3c4049;height: 58px;width: 100%;padding-top: 8px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.league-back-bottom>ul{width: 100%;}
.league-back-bottom>ul>li{width: 33.3333333%;border-left: 1px solid #494d58;text-align: center;float: left;color: #7b7e84;}
.league-back-bottom>ul>li>p{margin-bottom: 5px;}
.league-back-bottom>ul>li:first-child{border: none;}
.online-num{color: #fff;}
.league-back-type{color: #a7a8aa;display: inline-block;padding: 0 5px;width: 83px;}
.recent-games{overflow: hidden;margin-top: 20px;}
.recent-games-left,.mall-message-left{width: 770px;}
.recent-games-right,.quiz-light-rank,.mall-message-right{width: 290px;}
.load-more a{padding-right: 33px;color: #afb0b2;position: relative}
.load-more a:after{background: url(../img/index/vp-index-icon.png) no-repeat center;background-position: -327px 0;
      content: "";position: absolute;width: 13px;height: 12px;right: 18px;top: 4px;}
.load-more a:hover{color: #16b2ce;}
.load-more a:hover:after{background-position: -343px 0;}
.recent-games-details{width: 100%;background: #34393f;height:596px;padding: 20px 20px;}
.recent-league-name{color: #afb0b2;}
.recent-league-name:hover{color:#fff;}
.spinach-item-bo{color: #afb0b2;}
.recent-ranking-nav{width: 100%;height: 35px;line-height: 35px;overflow: hidden;background: #3b4048;}
.recent-ranking-num{width: 75px;padding-left: 20px;}
.recent-ranking-player{width:145px;padding-right: 20px;text-align: center;}
.recent-ranking-score{padding-right: 20px;text-align: center;width: 70px;}
#cdec-ranking .guess-rank-media{padding: 9px 20px;}
.cdec-rank-content{width: 160px;}
.cdec-rank-img.vip{position: relative;}    
.cdec-rank-img.vip img{border: #ffc600 2px solid;border-radius: 100%;}
.cdec-rank-img.vip:after{position: absolute;right: 7px;bottom: 0;content: "";width: 15px;height: 15px;background: url("../img/index/vp-index-icon.png") no-repeat center;
    background-position: -220px 0;}
.cdec-rank-name{font-size: 12px;}
.vp-index-quiz,.vp-mall-message,.vp-auction-message,.index-viewpoint{width: 100%;margin-top: 20px;overflow: hidden;}
.vp-quiz-left.quiz-list{width: 770px;padding-bottom: 0px;}
#quiz-list{margin-top: 20px;}
.decor-message{padding-left: 20px;background: #34393f;padding-right: 32px;}
.market-decor-message{width: 170px;height: 196px;background: #24252a;color: #afb0b2;margin: 19px 20px 19px 0;overflow: hidden;transform-style: preserve-3d;}
.market-decor-message .steam-item{margin: 0 0 5px 0;overflow: hidden;}
.market-decor-img{border: 1px solid #b9b9b9;}
.mb5{overflow: hidden;margin-bottom: 0;}
.market-decor-class{padding:0 7px;font-size: 12px;margin-top: 6px;}
.market-decor-class h4{font-size: 12px;line-height:1.5;margin: 0;padding-right: 8px;}
.market-decor-type{color:#96999f;}
.market-decor-name,.sell-price{font-size: 14px;margin-top: 6px;padding:0 7px;}
.new-inquiry-item{padding: 18px 20px;overflow: hidden;color: #96999f;}
.new-inquiry-item .steam-item{margin: 0;}
.new-inquiry-img{border: 1px solid #b9b9b9;}
.new-inquiry-message{width: 170px;padding-left: 12px;}
.new-inquiry-name{font-size: 14px;}
.inquiry-price-num{font-size: 12px;}
.new-inquiry-price{margin-top: 6px;}
.index-light-list .guess-rank-media{padding: 11px 20px;}
.new-inquiry-list .guess-rank-media{padding: 0;}
.auction-banner{padding: 25px 20px;background: #34393f;}
.index-viewpoint-details{width: 360px;height:216px;border: 1px solid #34393f;position: relative;overflow: hidden;}
.viewpoint-img{position: absolute;left: 0;top:0;}
.viewpoint-message{position: relative;top: 98px;left: 0;color: #ffffff;width: 100%;height: 118px;background: url(../img/index/vp-index-icon.png) no-repeat center;
                  background-position: 0 -284px;padding-top: 55px;}
.viewpoint-details-text1{padding: 5px 15px;font-size: 16px;min-height: 28px;color:#eee;}
.viewpoint-details-text2{text-align: right;padding-right: 20px;color:#aaa;}
.nav-list-head-left .dota2-icon{background-position: 0 0;}
.add-border{width: 730px;height: 1px;background: #404348;margin-left: 15px;}
.hot-league-item{float:left;width:250px;height:190px;margin-left:13px;overflow: hidden;/* position: relative; */transform-style: preserve-3d;}
.hot-league-item:first-child{margin-left:0;}
.index-viewpoint-message{background-color:#34393f;}
.league-lastgame-hd {
    height: 32px;
    background-color: #444953; 
    padding: 0 20px 0 13px;
    line-height: 32px;
    font-size: 12px;
}
.detail-link {
    color: #fff;
}
.text-color{color: #ff6600;}
.text-color.text-radiant {
    color: #8ab71b;
}
.text-color.text-dire {
    color: #de3d3e;
}
.league-lastgame-content {
    height: 95px;
    padding: 13px;
}
.league-lastgame-row {
    margin: 0 -3px;
}

.league-lastgame-user>li:first-child {
    margin-left: 0;
}
.league-lastgame-user>li {
    float: left;
    width: 56px;
    padding: 0 3px;
}
.league-lastgame-user-img {
    width: 50px;
    height: 50px;
    padding: 5px;
}
.league-lastgame-user-img.radius-hack .hack-css {
    width: 40px;
    height: 40px;
    background-position: -159px 0;
    left: 5px;
    top: 5px;
}
.league-lastgame-name {
    position: relative;
    text-align: center;
}
.league-lastgame-name a {
    color: #afb0b2;
}
.vip .league-lastgame-name a {
    color: #ffb400;
}
.league-lastgame-list>li {
    background-color: #393f46;
    position: relative;
    margin-top: 16px;
}
.league-lastgame-list>li:first-child{
    margin-top: 0;
}
.league-lastgame-user>li.vip img{
    border: #ffc600 2px solid;
    border-radius: 100%;
}
.league-lastgame-user>li img{
    border: #474b50 1px solid;
    border-radius: 100%;
}
.league-lastgame-user>li.vip>.league-lastgame-user-img:after{
    position: absolute;
    right: 3px;
    bottom: 5px;
    content: "";
    width: 15px;height: 15px;background: url("../img/index/vp-index-icon.png") no-repeat center;background-position: -220px 0;
}
.league-lastgame-vs {
    float: left;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    margin-top: 7px;
}
.league-lastgame-vs:after {
    display: inline-block;
    content: "";
    width: 122px;
    height: 27px;
    background: url("../img/league-icon.png") no-repeat -174px -173px;
}

.banner-activity{margin-bottom:-20px;height:350px;overflow: hidden;position:relative;}
.banner-activity a{float:left;width:770px;height:350px;}
#banner-activity{position: relative;width:770px;height:350px;background-color:#34393f;}
.banner-activity-page{position:absolute;bottom:10px;left:0;width:100%;text-align:right;padding-right: 36px;}
.banner-activity-page span{display:inline-block;width:12px;height:12px;border-radius: 12px;font-size: 0;background-color: #4c4c4c;margin-left:10px;}
.banner-activity-page a:first-child span{margin-left:0;}
.banner-activity-page a.selected span{background-color: #fff;}


.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
margin:0px auto; float:left; margin-left:13px;}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flip-container, .front, .back {width: 250px;height: 190px;}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front img, .back img{ width:250px; height:132px; overflow:hidden;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
.guess-rank-item{width: 40px;height: 40px;border-radius: 40px;}


.league-popover-usercard{width:252px;  border:0;box-shadow: none;padding:0;background-color:#23252b;font-size:12px;
  font-family: 'Helvetica Neue','Lucida Grande','Microsoft YaHei',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;border:1px solid #14b9d6;
  border:1px solid rgba(20,185,214,.1);box-shadow: 0 0 3px -1px #14b9d6 ;}
.league-popover-usercard .popover-content{padding:0;}
.league-popover-usercard.right .arrow{    border-right-color: #14b9d6;
  border-right-color: rgba(20,185,214,.7);}
.league-popover-usercard.right>.arrow:after {
  border-right-color: #23252b;
}
.league-popover-usercard.left .arrow{    border-left-color: #14b9d6;
  border-left-color: rgba(20,185,214,.7);}
.league-popover-usercard.left>.arrow:after {
  border-left-color: #23252b;
}
.plu-card{position:relative;background:url(../img/league-user-card-bg.png) no-repeat;padding:17px 0 0 20px;
  border-bottom: 1px solid #2e3239; background-color:rgb(37,39,44); }
.plu-crad-img{float: left;width:56px;height: 56px;}
.plu-crad-img.tag .hack-css{background-position: -443px -95px;}
.plu-crad-img.tag:after{    position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url(../img/league-icon.png) no-repeat -303px -26px;}
.plu-crad-img .hack-css{background-position: -443px -36px;}
.plu-card-data{margin-left:65px;height:70px; }
.plu-card-name{color:#f8f6f3;font-size:12px;font-weight: 700;margin-right:8px;display: inline-block;max-width: 110px;  overflow: hidden;
  white-space: nowrap;  -o-text-overflow: ellipsis;  text-overflow: ellipsis;  word-berak: normal;  word-wrap: normal;vertical-align: middle;}
.league-card-score{margin:0 20px;padding:9px 0;height: 112px;background-color:transparent;border-bottom:1px solid #2e3239;}
.league-card-score li{vertical-align: top;}
.league-popover-usercard .league-user-score > li{font-size:14px;}
.league-popover-usercard .league-user-score > li > label{width:61px;}
.league-popover-usercard .league-user-score > li .star-icon{margin-right:11px;margin-top:6px;}
.league-popover-usercard .mf-data{display: block;background-color: transparent;}
.league-popover-usercard .mf-data-site{width: auto;}
.league-popover-usercard .progress{width: 120px;}
.league-popover-usercard .mf-data > ul > li{margin:8px 0;}

.league-card-doughnut{width:49px;height: 49px;margin-top:5px;position: relative;}
.league-card-doughnut .league-card-doughnut-label{position: absolute;width:49px;height:49px;display:block;line-height: 49px;
  text-align: center;top:0;left:0;}
.league-card-doughnut-list > li{padding:0 16px;}
.league-card-doughnut-box{height:90px;padding-top: 10px;background-color:#23252b;}
.league-card-data{height:62px;padding-top:14px;margin-left: 0;padding-left:5px;background-color:#1e1f25;}
.league-card-data li{width:32%;height:35px;border-left:1px solid #2e3239;text-align: center;}
.league-card-data li:first-child{border-left:0;}
.league-card-data li > p{color:#fff;}
.league-card-doughnut label{position:absolute;left:0;top:0;width:100%;height:100%;font-size:12px;font-weight: 300;
  line-height: 49px;text-align: center;}
.league-card-doughnut-fight label{color:#ff7e00;}
.league-card-doughnut-escape label{color:#afb0b2;}
.league-card-doughnut-win label{color:#90b526;}
.league-card-fight{color:#ff7e00;}
.league-card-rader{height:182px;margin:0px 25px 0;position:relative;}
.league-card-rader:before{position:absolute;left:36px;top:21px;display:block;content:"";width:138px; height:137px;
  background:url(../img/recordchart.png) no-repeat -126px 0px;}
.league-card-rader canvas{position: relative;}
.plu-card-note{font-size:12px;color:#ffc600;height:20px;}
.roll-title{padding: 0 6px;}
#cdec-ranking{height:561px;background-color:#34393f;}
.index-viewpoint-details:hover img,.market-decor-message .steam-item:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.quiz-list li{margin-bottom: 18px;}
